import React, { Component } from 'react';
import Grandson from './Grandson';
// 跨级组件通信的另一种方式:
// 使用静态属性contextType 将数据映射到当前组件的实例context属性上

// 在儿子组件中消费祖先组件中的数据
import contextObj from './context';
export default class Son extends Component {
    // 将contextObj 对象赋值给contextType这个静态属性都干啥了?
    // 将contextObj中携带的数据映射到组件自身的实例上,映射到实例上的context 属性上了.
    static contextType = contextObj
    render() {
        return (
            <div>
                <p>儿子组件--{this.context.name}--{this.context.age}</p>
                <Grandson></Grandson>
            </div>
        )
    }
}
